.self-adaption {
  margin: 1rem 0;
  // 标题
  .title {
    font-weight: bold;
  }
  //小盒子的容器
  .self-box-container {
    .self-adaption-son {
      width: 15%;
      margin-right: 2%;
      &:nth-of-type(6n) {
        margin-right: 0rem;
      }
      .box-insert {
        padding: 50%;
      } 
    }
  }
}


@media(max-width: 1500px) {
  .self-adaption {
    //小盒子的容器
    .self-box-container {
      //小盒子
      .self-adaption-son {
        width: 18%;
        margin-right: 2.5%;
        &:nth-of-type(6n) {
          margin-right: 2.5%;
        }
        &:nth-of-type(5n) {
          margin-right: 0;
        }
      }
    }
  }
}

@media(max-width: 1100px) {
  .self-adaption {
    //小盒子的容器
    .self-box-container {
      //小盒子
      .self-adaption-son {
        width: 22.5%;
        margin-right: 3.33%;
        &:nth-of-type(6n), &:nth-of-type(5n) {
          margin-right: 3.33%;
        }
        &:nth-of-type(4n) {
          margin-right: 0;
        }
      }
    }
  }
}

@media(max-width: 780px) {
  .self-adaption {
    .self-box-container {
      justify-content: space-between;
      .self-adaption-son {
        width: 30%;
        margin-right: 0 !important;
        .self-box {
          .box-insert {
            padding: 50%;
            height: 0;
          } 
        }
      }
    }
  }
}